<template>
	<view class="focus">
		<span class="focuItemTitleText">为你推荐</span>
		<focusItem v-for="item in focusInfo" :id="item.id" :name="item.name" :time="item.time" :region="item.region"
			:title="item.title" :content="item.content" :profileImg="item.profileImg" :img="item.img" />
	</view>
</template>

<script>
	import {
		data
	} from "@/static/json/focusInfo.json"
	import focusItem from './focusItem.vue'
	export default {
		name: "focus",
		components: {
			focusItem,
		},
		data() {
			return {
				focusInfo: data,
			};
		}
	}
</script>

<style lang="scss" scoped>
	.focus {
		background-color: #eee;
	}

	.focuItemTitleText {
		display: block;
		margin: 6px 0;
		padding: 4px;
		background-color: #fff;
	}
</style>
